<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="css/main-style.css"/>
    <link rel="stylesheet"
          href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>水下生物网</title>
</head>
<body>
<div id="mid">
    <div class="sticky-block">
        <img src="img/每日推荐2.0.png" alt="Your Image">
    </div>

    <div class="image-container">
        <div class="image-item">
            <div class="img-box">
                <a href="articles/article_1.html"><img src="img/artical-img/格陵兰鲨鱼.png" alt="Image 1"/></a>
            </div>

            <div class="image-caption">
                <h3>北极的神秘庞然大物——格陵兰鲨鱼</h3>
                <p>北极有鱼，其名为格陵兰鲨鱼，格陵兰鲨鱼之大，约有2.4-4.8米长。述</p>
            </div>
        </div>
        <div class="image-item">
            <div class="img-box">
                <a href="articles/article_2.html"><img src="img/artical-img/鲸鲨.png" alt="Image 1"/></a>
            </div>
            <div class="image-caption">
                <h3>与鲸鲨共舞：满载星辉，波澜壮阔</h3>
                <p>鲸鲨，鲨鱼的一种，却是不伤害人类只吃小鱼小虾的温柔“巨兽”；</p>
            </div>
        </div>
        <div class="image-item">
            <div class="img-box">
                <a href="articles/article_3.html"><img src="img/artical-img/蝠鲼.png" alt="Image 1"/></a>
            </div>
            <div class="image-caption">
                <h3>全世界独一无二的魔鬼鱼</h3>
                <p>蝠鲼又叫毯魟，是软骨鱼纲、蝠鲼科鱼类的统称。</p>
            </div>
        </div>
        <div class="image-item">
            <div class="img-box">
                <a href="articles/article_4.html"><img src="img/artical-img/螳螂虾.png" alt="Image 1"/></a>
            </div>
            <div class="image-caption">
                <h3>雀尾螳螂虾：海底之拳，自然之奇</h3>
                <p>虽然它的名字听起来可爱，但其身上蕴含的可怕之处，足以引发我们对自然界神奇生物的好奇和敬意。</p>
            </div>
        </div>
    </div>
</div>
<div id="down">
    <div class="introduction">
        <h3>简介</h3>
        <br/>
        <hr/>
        <p>这个网站将不仅仅是一个科普平台，更是一个呼吁环境保护的社会宣传工具。通过深入了解
            水下生物的多样性和脆弱性，用户可以更好地理解环境污染对这一独特生态系统的威胁。网
            站可通过引人入胜的科普页面，生动直观的图文资料，以及相关小游戏等互动元素，向用户传递环保理念。</p>
    </div>
    <hr/>
    <div class="footer">
        <img src="img/水下生物网3.0.png" id="logo2">
        <h6><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;技术支持：18375858944</h6>
        <h6><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;专业指导：18375858944</h6>
        <h6><i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;邮箱：2065093677@qq.com</h6>
        <h6><i class="fa fa-address-book" aria-hidden="true"></i>&nbsp;地址：南京市玄武区孝陵卫街道南京理工大学</h6>
        <hr/>
    </div>
</div>
<script type="text/javascript" src="js/javascript.js"></script>
<script src="js/header.js"></script>
</body>
</html>
